home *** CD-ROM | disk | FTP | other *** search
/ Chip 1996 April / CHIP 1996 aprilis (CD06).zip / CHIP_CD06.ISO / hypertxt.arj / 9508 / HTML2.CD < prev    next >
Text File  |  1996-03-09  |  27KB  |  546 lines

  1.           @VHTML programozás -- III/2.@N
  2.  
  3.           @VKészítsünk hipermédiát!@N
  4.  
  5.               Cikkünk   elôzô   részében   megismerkedtünk   a    HTML
  6.           történetével,  az alapfogalmakkal,  valamint belekezdtünk  a
  7.           @Ktag@Nek  ismertetésébe.  Most  a többi  @Ktag@Net  mutatjuk  be, a
  8.           következô  --  befejezô  --  részben  pedig  a  ""szép" HTML
  9.           programozásra térünk ki.
  10.               A  HTML  sokféle  listát  támogat,  mégpedig  számozott,
  11.           számozatlan, és leíró listát. A lista elemei között nem kell
  12.           @K<p>@N @Ktag@Net használnunk.
  13.  
  14.  
  15.           @VSzámozatlan listák@N
  16.  
  17.               1. Ezek egy @K<ul>@N (unnumbered list) @Ktag@Ngel kezdôdnek.
  18.               2. Minden egy listaelemet egy @K<li>@N (list item) @Ktag@N vezet
  19.           be. És itt egy másik eltérés a páros szabálytól: nem létezik
  20.           @K</li>@N @Ktag@N sem, így azt  nem is kell használnunk. A  záró @Ktag@N
  21.           egész egyszerûen a következô <li> @Ktag@N, vagy:
  22.               3. Az egész listát lezáró @K</ul>@N @Ktag@N.
  23.               îme példának egy egészen egyszerû lista:
  24.               @K<ul>
  25.               @K<li> Nx586
  26.               @K<li> AMD K5
  27.               @K<li> Cyrix M1
  28.               @K</ul>@N
  29.  
  30.               A kimenet például a következô lehet:
  31.               @Ko Nx586
  32.               @Ko AMD K5
  33.               @Ko Cyrix M1@N
  34.               A   különbözô   browserek   a   legkülönbözôbb   módokon
  35.           jeleníthetik meg a listákat, például használhatnak  köröket,
  36.           négyzeteket,  kötôjeleket  az  egyes  listaelemek jelzésére,
  37.           beljebb igazíthatják az egyes listaelemeket stb.
  38.  
  39.  
  40.           @VSzámozott listák@N
  41.  
  42.               A számozott  lista mindössze  annyiban különbözik,  hogy
  43.           egy @K<ol>@N (ordered list -- rendezett lista) @Ktag@N vezeti be, és
  44.           ennek megfelelôen @K</ol>@N zárja. Például:
  45.               @K<ol>
  46.               @K<li> Nx586
  47.               @K<li> AMD K5
  48.               @K<li> Cyrix M1
  49.               @K</ol>@N
  50.  
  51.               A kimenet általában a következô:
  52.               @K1. Nx586
  53.               @K2. AMD K5
  54.               @K3. Cyrix M1@N
  55.  
  56.  
  57.           @VLeíró listák@N
  58.  
  59.               A  leíró  listák  nevüknek  megfelelôen  arra  jók, hogy
  60.           bizonyos dolgokat leírjanak. Ennek megfelelôen váltakozik  a
  61.           leírás  fejléce  és  a  leírás  leírása.  (ùjabban  a leírás
  62.           (description) helyett definíciót (definition) is  használnak
  63.           a specifikációban.)
  64.               1. A lista a @K<dl>@N @Ktag@Ngel kezdôdik.
  65.               2. A fejlécet @K<dt>@N @Ktag@N jelzi.
  66.               3.  A  leírás  leírását a  @K<dd>@N  @Ktag@N  jelzi, a  szokásos
  67.           listaszabályok szerint ezután sem kell a <p> @Ktag@N.
  68.               4. Végül @K</dl>@N zárja a listát.
  69.               Lássunk egy példát ilyen leíró listára:
  70.               @K<dl>
  71.               @K<dt> NexGen 586
  72.               @K<dd> Az  elsôként piacra  került Pentium  klón. Léteznek
  73.           matematikai  segédprocesszor  nélküli  változatai,  ezeket a
  74.           NexGen 1995 nyarától 100 dollár körüli összegért cseréli  be
  75.           FPU-val is rendelkezôkre.
  76.               @K<dt> AMD K5
  77.               @K<dd>@N Még  egy Pentium  klón, amely  1995 második felében
  78.           várható stb.
  79.               @K</dl>@N
  80.  
  81.               Ez a következôképpen jelenhet meg:
  82.               @KNexGen 586
  83.               @KAz  elsôként  piacra  került  Pentium  klón.  Léteznek
  84.           @Kmatematikai segédprocesszor  nélküli változatai,  ezeket a
  85.           @KNexGen 1995 nyarától 100 dollár körüli összegért cseréli be
  86.           @KFPU-val  is rendelkezôkre.
  87.               @KAMD K5
  88.               @KMég  egy  Pentium  klón,  amely  1995  második felében
  89.           @Kvárható stb.@N
  90.               Természetesen  nemcsak  erre használhatjuk  ezt  a fajta
  91.           listát  --  egész  egyszerûen,  ha  egy  bekezdést   beljebb
  92.           szeretnénk igazítani, akkor kezdjük a bekezdést @K<dl><dt><dd>@N
  93.           @Ktag@Nekkel, és fejezzük be  a @K</dl>@N @Ktag@Ngel. Ha  több bekezdést
  94.           is szeretnénk írni egyetlen  témáról, akkor azt ne  egy üres
  95.           @K<dt>@N megadásával  tegyük, hanem  a @K<dd>@N  szövegébe iktassunk
  96.           egy <p> @Ktag@Net.
  97.               A  továbbiakban  két  olyan  listatípust  mutatunk   be,
  98.           amelyek a HTML 2 specifikációban tûnnek fel.
  99.  
  100.  
  101.           @VKönyvtár lista@N
  102.  
  103.               Ez a lista általában rövid szövegek többhasábos listája.
  104.           A listaelemek  maximális hossza  20 karakter,  és a  browser
  105.           általában  24  karakteres  oszlopokba  rendezi  az elemeket.
  106.           Például:
  107.               @K<DIR>
  108.               @K<LI>A-H<LI>I-M
  109.               @K<LI>M-R<LI>S-Z
  110.               @K</DIR>@N
  111.  
  112.  
  113.           @VMenülista@N
  114.  
  115.               A számozatlan  listánál tömörebben  megjelenített lista,
  116.           általában egysoros elemekkel.
  117.               @K<MENU>
  118.               @K<LI>Elsô elem a listában.
  119.               @K<LI>Második elem a listában.
  120.               @K<LI>Harmadik elem a listában.
  121.               @K</MENU>@N
  122.               A  listák egymásba  ágyazhatók. Egy  leíró listán  belül
  123.           lehet egy számozatlan lista, azonbelül egy számozott stb.
  124.               Példaképpen egy egymásba ágyazott lista:
  125.               @K<ul>
  126.               @K<li> Néhány magyar megye
  127.                 @K<ul>
  128.                 @K<li> Zala
  129.                 @K<li> Pest
  130.                 @K</ul>
  131.               @K<li> Néhány Pest megyei város
  132.                 @K<ul>
  133.                 @K<li> Gödöllô
  134.                 @K<li> Cegléd
  135.                 @K</ul>@N
  136.               Az egymásba  ágyazott lista  a következôképpen  jelenhet
  137.           meg:
  138.               @Ko Néhány magyar megye
  139.                 @Ko Zala
  140.                 @Ko Pest
  141.               @Ko Néhány Pest megyei város
  142.                 @Ko Gödöllô
  143.                 @Ko Cegléd@N
  144.               Ne felejtsük el: a megjelenítésnek nincsenek  szabályai,
  145.           például lehet  hogy a  browser nem  tudja annyiszor  beljebb
  146.           ugrasztani  a  szövegünket,  mint  szeretnénk.  A   HTML-ben
  147.           mindössze  leírjuk a  szöveg kinézetét,  de az,  hogy  ebbôl
  148.           mennyi jelenik  meg, nagyban  a browser  képességeitôl függ.
  149.           Åltalában  azért  számíthatunk arra,  hogy  a legtöbb  @Ktag@Net
  150.           elfogodhatóan megjeleníti az összes browser.
  151.  
  152.  
  153.           @VElôreformázott szöveg@N
  154.  
  155.               Ha  például  programlistákat  szeretnénk dokumentumunkba
  156.           illeszteni, jól jöhet a @K<pre>@N @Ktag@N. A @K<pre>@N és a @K</pre>@N  közé
  157.           illesztett   szöveg   fixpontos  betûvel   jelenik   meg,  a
  158.           sortörések,   szóközök  megtartják   jelentésüket.  Ezt   ne
  159.           használjuk folyó szövegre, mert nagyobb mennyiséget nehezebb
  160.           elolvasni belôle. Egy példa erre:
  161.               @K<pre>
  162.               @@echo off
  163.               @Kgethome
  164.               @Kc:
  165.               @Kset oldpath=%path%
  166.               @Kif "%1" == "P" goto P
  167.               @Kif "%1" == "K" goto K
  168.               @Kif "%1" == "G" goto G
  169.               @Kif "%1" == "J" goto J
  170.               @Kif "%1" == "C" goto C
  171.               @Kset fls=%1
  172.               @Kgoto vege
  173.               @K</pre>
  174.               Ez  ugyanígy  fog  megjelenni.  Tehát  nem  kellenek @K<p>@N
  175.           @Ktag@Nek, a többszörös szóközök is megmaradnak.
  176.  
  177.  
  178.           @VKarakterformázás@N
  179.  
  180.               Egyes   szavak   vagy   mondatok   speciális   stílusban
  181.           íródhatnak.  Kétféle  stílus  van:  logikai  és  fizikai.  A
  182.           logikaiak  kinézete a  browserben van  beállítva. Például  a
  183.           browserünkben lehet egy beállítás  a <cite> @Ktag@Nre, hogy  azt
  184.           dôlt betûvel jelenítse meg. A fizikaiakban a HTML dokumentum
  185.           írója dönti el, hogy  milyen betûtípust használ. Ez  utóbbit
  186.           érdemes kerülni,  mert egyrészt  elôfordulhat, hogy  egy idô
  187.           után kimaradnak a HTML specifikációból. Másfelôl ízlések  és
  188.           pofonok  különböznek  --   ne  merevítsünk  feleslegesen   a
  189.           dokumentumjainkon.  Egy  HTML dokumentumot  emberek  tíz- és
  190.           százezrei  olvashatják,  természetes,  hogy  nem   mindegyik
  191.           ugyanazt  a  stílust  szereti, mint  mi.  Elôször  a logikai
  192.           formázókódok:
  193.               @VDôlt betûk:@N
  194.               @K<em>szöveg</em>@N: kiemelésre használatos.
  195.               @K<cite>szöveg</cite>@N: ezt idézetekre használjuk.
  196.               @K<var>szöveg</var>@N: ez egy változónevet jelöl általában.
  197.               @VBold (vastag) betûk:@N
  198.               @K<strong>szöveg</strong>@N: kiemeli a szöveg-et.
  199.               @VFixpontos betûk:@N
  200.               @K<code>szöveg</code>@N: rövidebb kódokra használhatjuk  ezt
  201.           a @Ktag@Net.
  202.               @K<samp>szöveg</samp>@N:    egy    minta     megjelenítésére
  203.           használhatjuk ezt.
  204.               @K<kbd>szöveg</kbd>@N:   a   billentyûn   lévô   feliratokat
  205.           szedhetjük ezzel a típussal. Mindenképpen fixpontos betû, és
  206.           az ajánlás  szerint bold,  de sajnos  sok browser  nem teszi
  207.           boldba.
  208.               @VIdézetek:@N  A @K<blockquote>@N  @Ktag@N idézetek  megjelenítésére
  209.           használjuk.  Ez általában  hosszabb szövegrészleteket  jelöl
  210.           ki. A HTML 3-ban @K<bq>@N-ra rövidül.
  211.               @VFizikai betûtípusok:@N
  212.               @K<I>szöveg</i>@N: dôlt betûvel szedi a szöveget.
  213.               @K<b>szöveg</b>@N: bold szöveg.
  214.               @K<tt>szöveg</tt>@N: írógépfont, fixpontos.
  215.               Egy tervezett,  de igen  hasznos elem:  az @K<u>szöveg</u>@N
  216.           aláhúzott szöveget jelöl.
  217.               A HTML szabvány még nem végleges, így a fenti lista  még
  218.           bôvülhet.   Érdemes   ezeket   begépelni   egy   rövid  HTML
  219.           dokumentumba, és  azt megtekinteni,  hogy tudjuk,  hogyan is
  220.           néznek ezek ki.  Azonban ne felejtsük  el, hogy ez  csak egy
  221.           vázlatos  elképzelést  adhat  a  kinézetre  vonatkozóan   --
  222.           számítanunk  kell arra,  hogy mások  másképpen fogják  látni
  223.           ugyanazt a HTML dokumentumot, mint mi.
  224.  
  225.  
  226.           @VSortörés@N
  227.  
  228.               A <p> @Ktag@N hatására  a legtöbb browser nemcsak  sort tör,
  229.           hanem ki is  hagy egy sort.  Ez nem mindig  megfelelô. Ezért
  230.           van a  @K<br>@N @Ktag@N,  aminek hatására  a browser  új sort  kezd.
  231.           Tipikus példa egy normál levélcím:
  232.               @KChip Magazin<br>
  233.               @KBudapest<br>@N
  234.  
  235.  
  236.           @VVízszintes vonal@N
  237.  
  238.               Ebbe a kategóriába mindössze egy @Ktag@N tartozik: @K<hr>@N.  Ez
  239.           a browser ablakában húz egy vízszintes vonalat. (A </hr> @Ktag@N
  240.           nem létezik.)
  241.  
  242.  
  243.           @VSpeciális és ékezetes karakterek@N
  244.  
  245.               Ezekbôl  kétféle  van:   a  HTML  nyelv   által  kiemelt
  246.           karakterek, és az ékezetes karakterek.
  247.               A speciális  karakterek az  elsô táblázatban  látszanak,
  248.           belôlük csak a ""&" karaktert  nem láttuk még eddig (a  ""<"
  249.           kezd  egy  @Ktag@Net,  a  "">"  lezár  egyet,  az  idézôjelnek a
  250.           hiperlinkekben van  speciális jelentése),  de ezeket  az ún.
  251.           escape-szekvenciákkal is kezdeni kell valamivel, erre van az
  252.           ""&" fenntartva. Nagyon fontos, hogy tudjuk: ezeknél  számít
  253.           a  kis  és  nagybetû, csak  kisbetûvel  írhatjuk  ôket! Ezek
  254.           helyett  az   ISO  Latin-1   (Pontosan  szólva:   ISO  8859.
  255.           International Standard  -- Information  Processing --  8-bit
  256.           Single-Byte Coded  Graphic Character  Sets --  Part 1: Latin
  257.           Alphabet  No.  1,  ISO  8859-1)  kódjait  is  használhatjuk,
  258.           például  az  "  helyett  "  escape  szekvenciát  is
  259.           használhatjuk.
  260.               Most jön a szörnyûség:  az ékezetes karaktereket is  így
  261.           kell leírni. Erôsen javasolt ékezetes HTML-bôl két  példányt
  262.           tárolnunk:  egyet  magunknak  szerkesztés  céljára,  és  egy
  263.           ""lefordított"  példányt  a  WWW  céljára.  Ezek  között egy
  264.           egyszerû makróval el  lehet végeztetni a  konverziót, hiszen
  265.           egy    rendes    ékezetes    szöveg    olvashatatlan    HTML
  266.           escape-szekvenciákkal zsúfolva.  A HTML  1 csak  az említett
  267.           ISO Latin 1-es ékezetes karaktereket támogatja, a HTML 3-ban
  268.           már további karakterek is terveztek.
  269.               A  magyar  nyelv  ékezetes  betûihez  legközelebb  álló,
  270.           megjeleníthetô ékezetes betûket külön táblázatban  foglaltuk
  271.           össze. Ebben látható, hogy miért lényeges a kis- és nagybetû
  272.           a szekvenciákban: csak így  képes eldönteni a browser,  hogy
  273.           kis-  vagy  nagy  ékezetes  betût  akarunk-e  írni.   Sajnos
  274.           látható, hogy az eredeti HTML-ben nincs szó a magyar  kettôs
  275.           ékezetekrôl,  ezeket  a  ""kalapos"  (circumflex)   ékezetek
  276.           helyettesíthetik.   Az   ékezetes   karakterek   csak    így
  277.           elfogadhatók  -- bár  a HTTP  protokoll engedélyez  8  bites
  278.           átvitelt,  mégse  írhatjuk  dokumentumjainkba  a   megfelelô
  279.           karaktereket  kód  szerint.  Ezt  engedélyezi  jónéhány Unix
  280.           szövegszerkesztô, de a keletkezô szövegfile semmi esetre sem
  281.           felel  meg  a  HTML  elôírásoknak.  Ráadásul  ha  valaki nem
  282.           grafikus browserrel dolgozik, könnyedén elôfordulhat, hogy a
  283.           megfelelô kódok helyett a terminálján csak az alsó 7  bitnek
  284.           megfelelô  karakter  jelenik   meg.  Ha  betartjuk   a  HTML
  285.           elôírásokat,  akkor  ilyen  gond  nem  léphet  fel,  mert  a
  286.           szöveges browserek azokat  az ékezetes karaktereket,  amiket
  287.           nem ismernek, ékezet nélkül jelenítik meg.
  288.               Az alább következô  @Ktag@Nek már a  HTML Level 3,  vagyis a
  289.           HTML+ nyelv részei.
  290.  
  291.  
  292.           @VTáblázatok@N
  293.  
  294.               A  HTML   3  egyik   legtöbbet  emlegetett,   egyszerûen
  295.           megvalósított  lehetôsége.  Egy  ASCII  file-ban  létrehozni
  296.           táblázatot sokkal bonyolultabb, mint a HTML 3-ban.
  297.               1. A táblázat egy @K<table>@N @Ktag@Ngel kezdôdik.
  298.               2. Opcionális címsort adhatunk meg @K<caption>@N @Ktag@Ngel.
  299.               3. Minden sort @K<tr>@N (table row) @Ktag@Ngel kell kezdenünk.
  300.               4. A fejlécelemeket @K<th>@N @Ktag@N vezeti be, az adatokat @K<td>@N
  301.           (table header, ill. table data). Egy igen egyszerû példa:
  302.               @K<table border>
  303.               @K<tr><td colspan=2>2
  304.               @K<tr><td>4<td rowspan=2>6
  305.               @K<tr><td>6
  306.               @K</table>@N
  307.               Ez a következôképpen jelenik meg:
  308.  
  309.               @<9508\table1.gif>■■@N  1. ábra
  310.  
  311.               Egy bonyolultabb példa:
  312.  
  313.               @K<TABLE BORDER>
  314.               @K<CAPTION>Példatábla egybenyitott cellákkal</CAPTION>
  315.               @K<TR><TH ROWSPAN=2><TH COLSPAN=2>Åtlag
  316.               @K<TH ROWSPAN=2>egyéb<BR>kategória<TH>Egyéb
  317.               @K<TR><TH>magasság<TH>súly
  318.               @K<TR><TH ALIGN=LEFT>férfiak<TD>1.9<TD>0.003
  319.               @K<TR><TH ALIGN=LEFT ROWSPAN=2>nôk<TD>1.7<TD>0.002
  320.               @K</TABLE>@N
  321.               Ez  a  következôképpen  néz ki:
  322.  
  323.               @<9508\table2.gif>■■@N  2. ábra
  324.  
  325.               A táblázatírás legfontosabb szabályai:
  326.  
  327.               @V1.@N A  fejlécelemeket a  cellán belül  középre igazítja a
  328.           browser,  míg  az  adatokat  alapértelmezésben  balra.   Ezt
  329.           felülírhatjuk a  cella ALIGN  paraméterével vagy  a táblázat
  330.           COLSPEC paraméterével.
  331.               @V2.@N Egy cella lehet üres is.
  332.               @V3.@N Egy cella több sorra és oszlopra is kiterjedhet,  ezt
  333.           a  megfelelô  cella ROWSPAN,  illetve  COLSPAN paraméterével
  334.           adhatjuk meg.  A több  sorra kiterjedô  cellák minden  egyes
  335.           sorban beleszámítanak az  oszlopokba, de csak  egyszer írjuk
  336.           le  ôket  (az elsô  sorukban).  Ez azért  lényeges,  mert az
  337.           oszlopok számát a browser dönti el a dokumentum alapján. îgy
  338.           a maximális számú oszlopot tartalmazó sor fogja meghatározni
  339.           a többit.
  340.               @V4.@N Ha  egy sorban  kevesebb az  oszlopok száma,  mint az
  341.           egész táblázatban, a browser  a hiányzó helyeket a  táblázat
  342.           jobb oldalán megjelenô üres cellákkal tölti fel.
  343.               @V5.@N  A sorok  számát a  <tr> elemek  határozzák meg.  Nem
  344.           jelennek  meg   olyan  sorok,   amit  csak   a  több   sorra
  345.           kiterjesztett cellák hoznak létre.
  346.               @V6.@N  A cellák  nem fedhetik  egymást, tehát  a  következô
  347.           példa hibás:
  348.               @K<table border>
  349.               @K<tr><td>1<td>2<td>3
  350.               @K<tr><td>5<td rowspan=2>6<td>7
  351.               @K<tr><<td colspan=2>8<td>9
  352.               @K</table>@N
  353.               Ezt a Netscape a következôképpen jeleníti meg:
  354.  
  355.               @<9508\table3.gif>■■@N  3. ábra
  356.  
  357.               A táblázat hibás, hiszen a hatost kettévágja egy vonal.
  358.  
  359.  
  360.           @VLábjegyzet@N
  361.  
  362.               Már  említettük  az  azonos  dokumentumban  való   ugrás
  363.           lehetôségét (@K<a href="#név. @N)
  364.               A  lábjegyzet  szintaxis  is  ugyanez,  csak  az  így
  365.           kijelölt név helyét nem egy @K<a name>@N @Ktag@N mutatja, hanem az
  366.               @K<fn id="lábjegyzetnév">.
  367.               Például:
  368.               @KEz a kifejezés <a href="#fn1">magyarázatot</a> igényel.
  369.               @K<fn   id=fn1><i>Ez   itt   a   magyarázat</i>   a  fenti
  370.           @Kkifejezésre</fn>@N
  371.               Bizonyos  browserek   elvárhatják,  hogy   a  magyarázat
  372.           valamilyen blokkban  szerepeljen: ez  lehet bármelyik  páros
  373.           direktíva, amit  fentebb említettünk.  Mivel ez  már HTML 3,
  374.           ezért érvényes, amit a  <p>-rôl mondtunk, hogy valójában  az
  375.           is  páros  @Ktag@N,  így  ide  is  jó  blokk-kijelölô  @Ktag@Nnek. A
  376.           lábjegyzetet a browser megjelenítheti egy kiugró ablakban.
  377.  
  378.  
  379.           @VKérdôívek@N
  380.  
  381.               A kérdôív a  HTML 2 nyelv  legfontosabb újdonsága. Ez  a
  382.           @Ktag@N annyiban  különbözik a  többitôl, hogy  az a  hiperlink,
  383.           ahova  az  anyag  ""mutat",  az  egy  bináris  program,  ami
  384.           feldolgozza a  kérdôív adatait.  Ezt a  bináris programot (a
  385.           forrás @Kcgi-src@N) megtaláljuk általában a @Kcgi-bin@N  könyvtárnév
  386.           alatt a  HTTP szerverünk  mellett. Ilyenkor  a program  maga
  387.           rakja össze megfelelô bemenô adatok alapján a megfelelô HTML
  388.           dokumentumot.   (Hasonlóan   generált   HTML   dokumentum  a
  389.           könyvtármegadáskor keletkezô index.) A formátum a következô:
  390.               @K<FORM   ACTION="url">   ...  </FORM>@N
  391.               A @Kform@N direktíva lehetséges paraméterei a következôk:
  392.               Az @KACTION@N-nál megadott URL annak a programnak az elérési
  393.           útja, ami a kérdôívet feldolgozza.
  394.               @KMETHOD:@N   Ez   határozza   meg   a   kitöltött   kérdôív
  395.           elküldésének módját a szervernek. Alapállapota a @KGET@N, amikor
  396.           az URL-be belekerül a kitöltött kérdôív minden adata. Az URL
  397.           végéhez lehet  illeszteni lekérdezéseket.  (Ilyenkor az  URL
  398.           végére   egy  kérdôjel   kerül,  utána   egy  string,   majd
  399.           egyenlôségjel és  egy másik  string, ezeket  a kifejezéseket
  400.           pedig ""&" választja el.  Ha a HTTP démon  támogat keresést,
  401.           ilyen  ""kiterjesztett"  URL  megadásával  lehet  keresni  a
  402.           dokumentumokban.)  Azonban  ezt  a  metódust,  ha  lehet, ne
  403.           használjuk.  A  másik  metódus, a  @KPOST@N  elküldi  ugyanezt a
  404.           kérdôívet egy adatcsomagban  a megadott helyre  -- általában
  405.           minden HTML ajánlás ezt támogatja. Az elôbbinél ugyanis  túl
  406.           hosszúra nyúlhat az  URL, és ez  gondot okozhat. Például  az
  407.           igen elterjedt @KNCSA httpd@N egy parancssoron keresztül adja át
  408.           a @Kquery@N programnak ezt a speciális URL-t, és ez a hossz  még
  409.           Unix alatt is korlátos. A @KPOST@N metódusnál ilyen gond  nincs,
  410.           mert ott egy külön ""csomag" szolgál ugyanerre a célra.
  411.               Egy ilyen formon belül bármi lehet, csak egy másik  form
  412.           nem. Az @Kinput,  select, textarea@N direktívák  használatosak a
  413.           kérdôív megalkotásához:
  414.               @Vinput:@N Ezt formailag leginkább az @Kimg@Nhez  hasonlíthatjuk
  415.           formailag. Nincs lezáró  @Ktag@Nje, és nem  is alkot blokkot.  A
  416.           @Ktag@N paraméterei a lényegesek valójában -- paraméter  nélküli
  417.           input  értelmetlen   lenne.  A   lehetséges  paraméterek   a
  418.           következôk:
  419.               @Ktext:@N ez  egy sima  szövegbeadásra szolgáló  mezô. Ez az
  420.           alapértelmezés, tehát ha nem írunk paramétert, akkor textnek
  421.           veszi;
  422.               @Kpassword:@N  mint  az  elôzô,  csak  nem  jelenik  meg   a
  423.           képernyôn, amit  begépelünk. Åltalában  csillagokat tesz  ki
  424.           helyette;
  425.               @Kcheckbox:@N egyszerû kapcsoló, lehet ki- vagy bekapcsolva;
  426.               @Kradio:@N ez  az elôzôek  egy csoportja.  Az azonos  nevûek
  427.           (lásd a @Kname@N paramétert) egy csoportba tartoznak, és közülük
  428.           lehet egyet kiválasztani;
  429.               @Ksubmit:@N  ennek  a  gombnak  a  lenyomására  küldi  el  a
  430.           kérdôívet a browser;
  431.               @Kreset:@N ez kitörli a kérdôívet;
  432.               @Kname:@N ez az input mezô szimbolikus neve. Ez nem  jelenik
  433.           meg, erre a célra normál HTML elemeket használhatunk. Minden
  434.           egyes mezônek kell legyen ilyen  neve, kivéve a @Ksubmit@N és  a
  435.           @Kreset@N gombokat. Ezt a nevet ugyanis a browser  felhasználja,
  436.           amikor elküldi a kérdôívet. A küldött URL -- akár GET,  akár
  437.           POST a metódus -- @Kaction_url?name=string&name=string@N  formát
  438.           ölt. Ezért minden formhoz tartozó elemnek kell, hogy  legyen
  439.           neve;
  440.               @Kvalue:@N segítségével egy text -- vagy password -- mezônél
  441.           megadhatunk  egy default  értéket. Egy  @Kcheckbox@N vagy  @Kradio@N
  442.           nyomógombnál  meghatározhatjuk  a gomb  értéket.  (A browser
  443.           figyelmen  kívül  hagyja a  be  nem kapcsolt  nyomógombokat,
  444.           amikor a szervernek visszaküldi a formot);
  445.               @Kchecked:@N  egy   @Kcheckbox@N  vagy   @Kradio@N  button   további
  446.           paramétere lehet, ezzel jelezzük  hogy eredetileg is be  van
  447.           kapcsolva;
  448.               @Ksize:@N ez egy  szöveges -- text  vagy password --  típusú
  449.           mezô fizikai méretét jelenti  karakterben. Ha nem írjuk  ki,
  450.           20-nak veszi az értékét. Használható arra is, hogy többsoros
  451.           mezôket definiáljunk vele: @Ksize szélesség, magasság@N. Azonban
  452.           a @Ktextarea@N -- lásd lentebb -- megjelenésével ez feleslegessé
  453.           vált, és ilyen használata erôsen ellenjavallt;
  454.               @Kmaxlength:@N  a  logikai  méretét  jelenti  egy   szöveges
  455.           mezônek. Alapértéke határozatlan, azaz bármennyit beírhatunk
  456.           az adott  mezôbe. Ha  értéke nagyobb,  mint a  fizikai méret
  457.           (size),   feltehetjük,   hogy   a   mezô   megfelelôen   fog
  458.           scrollozódni.  Igen  jól  használható  például  egy   jelszó
  459.           méretének lehatárolására.
  460.               A fentiekben említettem a @Ktextarea@N @Ktag@Net. Ez  többsoros,
  461.           sima ASCII szövegbevitelre szolgál. Ennek használata:
  462.  
  463.               @K<textarea name="proba" rows=4 cols=40>
  464.               @KIde a default szöveget írjuk be.
  465.               @K</textarea>@N
  466.               A paraméterek: @Kname:@N ide  kerül az adott textarea  neve;
  467.           @Krows:@N a sorok száma; @Kcols:@N az oszlopok száma.
  468.               A textare @Ktag@Nen belül  a default szövegben érvényesek  a
  469.           sortörések! Az elôzô példában  a ""A default szöveget  írjuk
  470.           be ide." elôtt és után is lesz egy-egy sortörés.
  471.               A kérdôívek  megalkotásában még  egy speciális  @Ktag@N lesz
  472.           segítségünkre: @K<select>  ... </select>@N.  Ezen belül  csak és
  473.           kizárólag @K<option>@N @Ktag@Nek és ASCII szövegek állhatnak:
  474.               @K<select name="a-menu">
  475.               @K<option> Elsô opció.
  476.               @K<option> Második opció.
  477.               @K</select>
  478.               További paraméterek:
  479.               @Kname:@N ez már a szokásos név, így természetesen  kötelezô
  480.           szerepelnie;
  481.               @Ksize:@N  azt  határozza  meg,  hogy  hány  opció   látszik
  482.           egyszerre a képernyôn, alapértéke 1;
  483.               @Kmultiple:@N ez megengedi több opció kiválasztását is.
  484.               Az @K<option>@N @Ktag@Nnek mindössze egy paramétere van, és ez a
  485.           @Kselected@N.  Eredetileg --  alapértelmezés szerint  -- ki  van
  486.           választva  ez  az opció.  Ha  a multiple  opció  szerepelt a
  487.           selectben, akkor több option is lehet ilyen.
  488.  
  489.  
  490.           @VMegjegyzések@N
  491.  
  492.               Ezek a megjegyzések  a programozási nyelvekben  szokásos
  493.           megjegyzések: csak  saját magunknak  szólnak. A  szintaxisuk
  494.           elég furcsa, nem  olyan, mint a  többi HTML @Ktag,@N  a kezdetét
  495.           @K<!--@N  jelzi,  a  végét  @K-->@N  (az  egész  SGML-ben  is  ez  a
  496.           megjegyzés direktíva).  Néhány browser  a @K>@N  jelet tekinti a
  497.           megjegyzés végének, nem a @K-->@N jelet.
  498.  
  499.           @KNégyesi Károly@N
  500.  
  501.  
  502.           @VA HTML speciális karaktereit@N
  503.  
  504.               Karakter Leírásának módja & & < < > > idézôjel
  505.           "
  506.  
  507.  
  508.           @VA ""magyar" ékezetes betûk a HTML-ben@N
  509.  
  510. Karakter     Escape-szekvencia      ISO-kód szerinti leírás
  511. á            á               á
  512. é            é               é
  513. í            í               í
  514. ó            ó               ó
  515. ú            ú               ú
  516. ö            ö                 ö
  517. ô            ô                ô
  518. ü            ü                 ü
  519. û            û                û
  520. Å            Á               Á
  521. É            É               É
  522. ì            Í               Í
  523. ò            Ó               Ó
  524. ù            Ú               Ú
  525. Ö            Ö                 Ö
  526. º            Ô                Ô
  527. Ü            Ü                 Ü
  528. ÿ            Û                Û
  529.  
  530.  
  531.  
  532.           @VIrodalomjegyzék@N
  533.  
  534.               Irodalomjegyzék helyett néhány URL, ahol a témáról angol
  535.           nyelven találhatunk anyagot:
  536.  
  537. http://www.w3.org/hypertext/WWW/MarkUp/MarkUp.html
  538.  
  539. http://www.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrimer.html
  540.  
  541. http://www.ncsa.uiuc.edu/SDG/Software/Mosaic/Docs/fill-out-forms/overview.html
  542.  
  543. http://wintermute.ncsa.uiuc.edu:8080/map-tutorial/image-maps.html
  544.  
  545. http://www.w3.org/hypertext/WWW/Provider/Style/Overview.html
  546.